<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="include/base.jsp"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>My JSP 'task.jsp' starting page</title>
    
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

  </head>
  
  <body class="body">
     <%@ include file="include/top.jsp" %>
      <div class="container" >
	  <div class="row">
		<div class="span3">
			<%@ include file="include/left.jsp"%>
		</div>
		<div class="span9">
		  	<ul class="breadcrumb" style="margin-bottom:0px;border-radius: 3px 3px 0 0;margin-top:15px">
				<li class="active">
					<a href="javascript:;"><i class="icon-th"></i>${sessionScope.goal.name }</a>
				</li>
				<li style="float:right">
					<i class="icon-edit"></i><a href="editgoal.jspx?id=${sessionScope.goal.id }" class="link-black">编辑</a>
				</li>
			</ul>
			<%-- <div class="well">
					<p>${sessionScope.goal.desc }</p>
					<div class="progress progress-danger">
						<div class="bar" style="width:${sessionScope.goal.rate }%;">已完成${sessionScope.goal.rate }%</div>
					</div>
			</div> --%>
			<div>
				
			<p><h3>该目标分配的所有任务</h3></p>
					<table style="width:500">
						
						<c:forEach items="${requestScope.list}" var="te" varStatus="vs">
						<tr>
							<td><i class="icon-bookmark"></i><a href="showtask.jspx?id=${te.taskid }">${vs.count } ${te.taskname }</a></td>
							<td>[${te.username }]</td>
							<td><a href="edittask.jspx?id=${te.taskid }" class="link-black"><i class="icon-edit"></i>编辑</a></td>
							
						</tr>
						<tr>
							<td colspan="3">
								<div class="progress">
					  				<div class="bar" style="width:${te.taskrate}%;">${te.taskrate}%</div>
								</div>
							</td>
						</tr>
						</c:forEach>
					</table>
				
			
					
      			
				<div class="page-header">
					<a href="newtask.jspx?goalid=${ requestScope.goal.id}" class="btn btn-success"><i class="icon-plus icon-white"></i>添加新任务</a>
				</div>
				
			</div>
		
	  </div>
	  </div>
    </div>
    <script type="text/javascript" src="js/jquery.min.js"></script>
   
  </body>
</html>
